/* --------------------------------
reset
-------------------------------- */
body, ul, li, dl, dt, dd, p, h1, h2 {margin: 0; padding: 0;}
body, li, dt, dd, p, h1, h2 {font-size:12px; line-height:1.6; color: #333;}
li { list-style-type: none;}
img { border: none; vertical-align: bottom;}
a:link, a:visited{color:#333;}
a:active, a:hover{color:#7F0019;}

#content a img {border: 1px solid #ccc;}
#content a:hover img {border: 1px solid #7F0019;}
#content a{text-decoration:none;}
#content a:hover{text-decoration:underline;}

#content h1 a img{border:none;}
#content h1 a:hover img{border:none;}

/* --------------------------------
common
-------------------------------- */
h2 {font-size: 14px; font-weight: bold; margin: 5px 0;}

/* --------------------------------
top page
-------------------------------- */
/* #gnContact a { width: 61px; background-position: -295px -58px;} */
#content{ width:880px; margin: 0 auto;}
#faq_main{ width:640px; float:left;}
#faq_sub{ width:210px; float:right;}

#faq_header{
width:100%; 
height:290px; *height:100%; 
background-repeat: no-repeat; 
-moz-background-size:cover; 
background-size:cover; 
overflow:visible; 
background-position:center top; 
}

#picup li {line-height: 120%; margin-bottom: 13px;}
h1#faqlogo{height: 27px; width: 170px; margin:0 0 20px 0; padding:20px 0 10px 0; background: url("/contact/img/title_faq.png") no-repeat 0 20px; text-indent: -9999px;}
#latest_q{float:left; margin:0 20px 0 0; width:310px; height:200px; overflow:visible;}
#common_q{float:right; margin:0; width:310px; height:200px; overflow:visible;}
#latest_q .caption, #common_q .caption{font-weight:bold; font-size:120%; margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:10px;}

#contact{background-color: #f7f7f7; background-color: rgba(240,240,240,0.8); padding:15px 20px; margin-bottom:25px;}
#contact .caption,
#importantNotice .caption {font-weight:bold; font-size:120%;}
#contact dt {float:left; margin:0 5px 0 0; _padding-top:15px; *padding-top:5px; _margin-right:1px;}
#contact dt img {padding-top: 3px;}
#contact_all{width: auto;}
#contact_net {width: auto;}
#contact_time {padding:10px 0 0 0; border-top;}
.small_cap {font-weight: bold; font-size: 13px; color:#333;}
.small_cap span {font-weight: normal; font-size: 12px;}
.nomalCap {font-size:11px; color:#999;}
#search_keyword > p {padding-top: 5px;}

.annotation {font-size:11px; color:#666; margin-left:12px; text-indent:-12px;}
.telCap {font-size: 115%;}
.more {margin-bottom:3px; font-size: 12px;}
#contact_time p.annotation {margin-top: 5px;}
#contact_time #time {font-weight: bold;}
#search_keyword{float:left; margin:30px 20px 0 0; *margin:30px 20px 0 0; _margin:30px 17px 0 0; width:310px; padding:0;}
#search_keyword .caption{font-weight:bold; font-size:120%; margin:5px 0 5px 0;}
#search_category a {
    background: url("//www.muji.com.cn/cn/net/contents/img/panel/shoplist.jpg") no-repeat;
    text-indent: -9999px;
    width: 310px;
    height: 60px;
    border: 1px solid #ccc;
    display: block;
}
#search_category a:hover {border: 1px solid #7f0019;}
#search_category{float:right; margin:30px 0 50px 0; width:310px;}
#search_category .caption{font-weight:bold; font-size:120%; margin:5px 0 5px 0;}

#search_topics{margin:0 30px 20px 0; width:640px; clear:both; padding-top:10px; border-top:1px solid #ccc;}
#search_topics .caption{font-weight:bold; font-size:120%; margin:5px 0 5px 0;}
#search_topics ul{list-style:none; clear:both}
#search_topics li{float:left; margin:0 20px 20px 0; *margin:0 20px 20px 0; _margin:0 17px 20px 0; width:145px}
#search_topics .last {margin-right:0;}
#search_topics img {margin-bottom:5px;}


#importantNotice {margin-top:-15px; padding:10px; background-color:rgba(255,255,255,0.25);}
#importantNotice dt {
border-top: 1px solid #ccc; 
color: #999999; 
font-family: "Helvetica","Lucida Grande","Hiragino Kaku Gothic Pro",Meiryo,sans-serif; 
font-size: 11px; 
font-weight: bold; 
line-height: 1.2; 
margin-top: 10px; 
padding: 10px 0 2px; 
}

#search_topics2{margin:30px 30px 20px 0; width:640px; clear:both; padding-top:10px; border-top:1px solid #ccc;}
#search_topics2 .caption{font-weight:bold; font-size:120%; margin:5px 0 5px 0;}
#search_topics2 ul{list-style:none;}
#search_topics2 li{float:left; margin:0 20px 20px 0; *margin:0 20px 20px 0; _margin:0 17px 20px 0; width:145px}
#search_topics2 .last{margin-right:0;}
#search_topics2 img {margin-bottom:5px;}

#hSearch2 {margin-top: 10px; width:310px}
#hSearch2 li{float: left;}
#sKeyword2 {width: 240px}
#sKeyword2 input{
background: url("//www.muji.net/mt/contact/img/common/sheaderinputbg.gif") no-repeat scroll 4px 50% #F5F5F5; 
border-color: #A3A6AB #D3D6DD #E2E9EF #DADAE2; 
border-radius: 2px 2px 2px 2px; 
border-style: solid; 
border-width: 1px; 
color: #999999; 
line-height: 15px; 
padding: 2px 0 2px 22px; 
width: 210px;
height: 30px;
}

.submit button {background: #333; color: #fff; font-weight: bold; padding: 2px 5px; display: inline-block; cursor: pointer; text-decoration: none;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;}
.submit button {width: 100%; padding: 5px; line-height: 1.4; border: 0;}
.btn a:visited {color: #fff;} /* IE6 */
.btn a:hover,
.submit button:hover {background: #7f0019; color: #fff;}

/*clearfix*/
#content,
#faq_main,
#faq_sub,
#picup,
#searchfaq,
#search_category,
#search_topics,
#search_topics2,
#faq_header,
#hSearch2,
#headerWrap,
#footerWrap,
#importantNotice,
#contact ul,
#contact_net dd,
#contact_all dd,
#contact,
#contactTest {zoom:1;}

#content:after,
#faq_main:after,
#faq_sub:after,
#picup:after,
#searchfaq:after,
#search_category:after,
#search_topics:after,
#search_topics2:after,
#hSearch2:after,
#headerWrap:after,
#footerWrap:after,
#importantNotice:after,
#contact ul:after,
#contact_net dd:after,
#contact_all dd:after,
#contact:after,
#contactTest:after {content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}

#footerWrap{clear:both;}

/* --------------------------------
category
-------------------------------- */
h1 {font-size: 18px; font-weight: bold; line-height: 1.5; margin: 0 0 20px; width: 640px;}
#entryList dt:nth-of-type(odd) {background-color:#f2f2f2;}
#entryList dd:nth-of-type(odd) {background-color:#f2f2f2;}

#entryList li{border-bottom: 1px solid #E6E6E6; padding: 0;}
#entryList dl {width:640px; overflow: hidden;}
#entryList dt {float:left; padding:10px 5px; *padding:10px 5px; _padding:10px 5px; /**/width:150px; border-top:1px dotted #dfdfdf; clear:both;}
#entryList dt.line2{min-height:37px}
#entryList dd{float:right; font-size:90%; color:#999; padding:11px 5px; border-top:1px dotted #dfdfdf; width:470px; /float:none; /margin-left:90px; /width:auto;}
#entryList dt a{padding-left:17px; height:auto !important; display:block}
#entryList .folder dt a{background:url("//www.muji.net/mt/contact/img/common/sprite_icon.png") no-repeat scroll -2px -31px transparent}
#entryList .catetitle{font-size:130%; color:#999; font-weight:bold; border-bottom:none; padding-bottom:0; margin:15px 0 15px 0;}
#entryList .last{margin-bottom:20px}
#entryList a:hover{text-decoration:underline}


/*clearfix*/
#entryList dd,
.folder{zoom:1;}
#entryList dd:after,
.folder:after{content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0;}


.topics {margin-top: 8px; font-weight: bold; border-top: 1px solid #ccc; padding-top: 5px;}
.topicsttl {margin-top: 5px;}


/* --------------------------------
category
-------------------------------- */
#close {margin: 10px 0 20px 0; background-color: #ddd; padding: 10px;}
#close .topics {border:0; margin-top: 0;}

/* --------------------------------
search_topics
-------------------------------- */
#latest_q h2, #common_q h2 {line-height: 1.2; margin: 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 10px;}
#importantNotice h2 {margin: 0; line-height: 1.6;}

#search_topics li li, #search_topics2 li li {margin-bottom: 0;}

#search_topics li h3 a, #search_topics2 li h3 a {display: block; width: 145px; height: 60px; border: 1px solid #ccc; margin-bottom: 5px;}
#search_topics li h3 a:hover, #search_topics2 li h3 a:hover {border: 1px solid #7f0019;}

#search_topics li.sppl h3 a {
    background: url("/cn/net/contents/img/panel/sppl.jpg") no-repeat;
    text-indent: -9999px;
}
#search_topics li.clxd h3 a {
    background: url("/cn/net/contents/img/panel/clxd.jpg") no-repeat;
    text-indent: -9999px;
}
#search_topics li.spcc h3 a {
    background: url("/cn/net/contents/img/panel/spcc.jpg") no-repeat;
    text-indent: -9999px;
}

#search_topics2 li.mujipassport h3 a {
    background: url("/cn/net/contents/img/panel/MUJIpassport.jpg") no-repeat;
    text-indent: -9999px;
}
#search_topics2 li.fp h3 a {
    background: url("/cn/net/contents/img/panel/fp.jpg") no-repeat;
    text-indent: -9999px;
}
#search_topics2 li.ddbg h3 a {
    background: url("/cn/net/contents/img/panel/ddbg.jpg") no-repeat;
    text-indent: -9999px;
}
#search_topics2 li.coupon h3 a {
    background: url("/cn/net/contents/img/panel/coupon.jpg") no-repeat;
    text-indent: -9999px;
}
#search_topics2 li.shfw h3 a {
    background: url("/cn/net/contents/img/panel/shfw.jpg") no-repeat;
    text-indent: -9999px;
}
#search_topics2 li.zf h3 a {
    background: url("/cn/net/contents/img/panel/zf.jpg") no-repeat;
    text-indent: -9999px;
}
#search_topics2 li.sczh h3 a {
    background: url("/cn/net/contents/img/panel/sczh.jpg") no-repeat;
    text-indent: -9999px;
}
#search_topics2 li.ps h3 a {
    background: url("/cn/net/contents/img/panel/ps.jpg") no-repeat;
    text-indent: -9999px;
}


#search_topics2 li.netstore h3 a {background: url("/contact/img/netstore.png") no-repeat; text-indent: -9999px;}
#search_topics2 li.store h3 a {background: url("/contact/img/store.png") no-repeat; text-indent: -9999px;}
#search_topics2 li.passport h3 a {background: url("/contact/img/passport.png") no-repeat; text-indent: -9999px;}
#search_topics2 li.mujicard h3 a {background: url("/contact/img/mujicard.png") no-repeat; text-indent: -9999px;}
#search_topics2 li.other h3 a {background: url("/contact/img/other.png") no-repeat; text-indent: -9999px;}

#endOfYear {margin-top: 18px; padding: 20px 0; border-bottom: 1px solid #ddd; box-sizing: border-box;}
#endOfYear h1 {font-size: 16px; margin-bottom: 10px; width: 100%;}
#endOfYear section {margin-bottom: 20px;}
#endOfYear section.delivery {margin-bottom: 0;}
#endOfYear section h1 {font-size: 14px; margin-bottom: 5px; width: 100%;}
#endOfYear .em {color: #ff0000;}
#endOfYear {zoom: 1;}
#endOfYear:after {content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}
#endOfYear table {width: 100%;}
#endOfYear th,
#endOfYear td {border: 1px solid #ccc; text-align: center; padding: 5px; background: #fff;}
#endOfYear th {background: #ddd; font-weight: bold;}
#endOfYear td.holiday {background: #f7f7f7;}

@media screen and (max-width: 480px){
  #endOfYear {padding: 10px;}
}

#contactWrap {clear:both; width:880px; margin:0 auto;}
#contact h2 {font-size: 15px; margin:0 0 10px;}
#contactWrap #contact {margin-bottom:20px; padding:0; display:inline-block; width:100%;}
#contactWrap #contact #tel {margin:20px 0 20px 20px; padding-right:20px; border-right:2px solid #fff; display:inline-block; width:45%; vertical-align:top;}
#contactWrap #contact #tel li {margin-bottom:15px;}
#contactWrap #contact #tel li dd {line-height:1.2;}
#contactWrap #contact #tel li dt {line-height:1.3;}
#contactWrap #contact #time {margin-bottom:15px;}
    #contactWrap #contact #mailform {
        margin: 20px 0 20px 20px;
        display: inline-block;
        width: 45%;
        vertical-align: top;
    }

        #contactWrap #contact #mailform li {
            margin-bottom: 15px;
        }

            #contactWrap #contact #mailform li dd {
                line-height: 1.2;
            }

            #contactWrap #contact #mailform li dt {
                line-height: 1.3;
            }
/*
#contactWrap #contact #mailform li a:link {text-decoration:none;}
#contactWrap #contact #mailform li a:hover {text-decoration:underline;}
*/
#contactWrap #contact #tel h2 img,
#contactWrap #contact #mailform h2 img {vertical-align: middle; margin:-5px 2px 0 0;}
#contactWrap #contact #mailform li .annotation {font-weight: 300; margin-left: 0;}


.moreLink {font-size: 12px; margin-top: -20px; text-align: right;}